// 定义食物类
class Food {
  // 定义属性表示食物对应的元素
  element: HTMLElement;

  constructor() {
    // 获取页面的food元素赋值给element
    this.element = document.getElementById('food')!;
  }

  // 定义获取食物X轴座标方法
  get X() {
    return this.element.offsetLeft;
  }

  // 定义获取食物Y轴座标方法
  get Y() {
    return this.element.offsetTop;
  }

  // 修改食物位置
  change() {
    // 生成随机数
    let top = Math.round(Math.random() * 29) * 10;
    let left = Math.round(Math.random() * 29) * 10;
    this.element.style.left = left + 'px';
    this.element.style.top = top + 'px'
  }

}

export default Food;